<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>主页</title>
	<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
	<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />	
	<link rel="stylesheet" href="css/more.css" type="text/css" media="screen"/>
</head>
<body>

<div class="header">
	<div class="container">
		<div class="logo">
			<a href="index.html"><img src="images/logo.png" alt="" /></a>
		</div>
		<div class="top-nav">
			<span class="menu"> </span>
			<ul>
				<li><a href="about.html" class="scroll"><span> </span>关 于 我 们</a></li>
				<li><a href="services.html" class="scroll"> <span class="service"> </span>服 务 内 容</a></li>						
				<li><a href="contact.html" class="scroll"><span class="mail"> </span>联 系 我 们</a></li>
			</ul>
		</div>
	</div>
	<!--banner-->
	<div class="banner wow bounceIn">
		<div class="wmuSlider example1">
			<div class="wmuSliderWrapper">
			</div>
		</div>
	</div>
</div>

<div class="content">
	<div class="free ">
		<div class="container">
			<div class="col-md-4 design wow bounceIn">
				<a href="services.html"><img src="images/arrow.png"></a>
				<span>开放区</span>
			</div>
			<div class="col-md-4 design wow bounceIn">
				<a href="services.html"><img src="images/leaf.png"></a>
				<span>沉浸区</span>
			</div>
			<div class="col-md-4 design wow bounceIn">
				<a href="services.html"><img src="images/arr.png"></a>
				<span>休息区</span>
			</div>
			<div class="clearfix"> </div>
		</div>
	</div>
	<!---->
	<div class="men ">		
		<div class="wall wow bounceIn" data-wow-delay="0.4s">
			<div id="pg_container" class="pg_container">
				<ul id="pg_photos" class="pg_photos"><!-- calculate top-->
					<li><a href="#1"><img class="img-responsive" src="images/sc.jpg"></a></li>		
					<li><a href="#2"><img class="img-responsive" src="images/sc1.jpg"></a></li>
					<li><a href="#3"><img class="img-responsive" src="images/sc2.jpg"></a></li>	
					<li><a href="#4"><img class="img-responsive" src="images/sc3.jpg"></a></li>
				</ul>
			</div>
		</div>
	</div>
	<!---->
	<div class="sed-ut">
		<div class="container">
		<h3>与大家一起分享，学习，进步！</h3>
			<div class="col-md-7 design-free wow bounceIn">
				<img src="images/co.png" class="img-responsive">
			</div>
			<div class="col-md-5 design-in wow bounceIn">
				<ul>
						<li><a href="#"><span> </span>亚洛立志打造最舒适安静搞笑的自习室品牌</a></li>
						<li><a href="#"><span> </span>24小时全天开放,记得每天来学习哦~</a></li>
						<li><a href="#"><span> </span>精品学习资料分享给你</a></li>
						<li><a href="#"><span> </span>咖啡厅与休息区！学累了就来休息呀</a></li>
					</ul>
			</div>
		</div>
	</div>
</div>

<div class="footer ">
	<div class="container">
					<a href="#" class="footer-left"><img  src="images/logo.png"></a>		
				 <p class="footer-grid">Copyright &copy; 2022.Company Yalow All rights reserved</p>					
			<div class="clearfix"> </div>
		 	</div>
</div>

</body>
</html>